<!DOCTYPE html>
<!-- saved from url=(0076)http://yth.0101data.cn/course-orginal/cse5a0e5af7a7f3a9-93397175/contributed -->
<html>
	<!-- Mirrored from clear.lcrm.in/dark/layout_fixed.html by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 02 May 2017 07:54:24 GMT -->

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>02-4课程任务计划-查看方案</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />
		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<!--放在最前面-->
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<script type="text/javascript" src="layui/layui.js" ></script>
		<!--
        	作者：864478199@qq.com
        	时间：2018-03-21
        	描述：样式
        -->
		<link rel="stylesheet" href="css/jQuery-ui.1.10.4.min.css" />
		<link rel="stylesheet" href="css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />

	</head>

	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
			$('.left').load("left.html");
		})
	</script>

	<body class="skin-default fixed-menu">
		<!-- 外部头部拼接 -->
		<div class="header"></div>
		<div class="wrapper row-offcanvas row-offcanvas-left">
			<aside class="left-side sidebar-offcanvas">
				<!--左侧菜单 -->
				<div class="left"></div>
				<!-- /.sidebar -->
			</aside>
			<aside class="right-side fixednav_right">
				<section class="content-header">
					<!--
                    	作者：864478199@qq.com
                    	时间：2018-03-26
                    	描述：修改面包屑
                    -->
					<ol class="breadcrumb">
						<li>
							<a href="http://yth.0101data.cn/">
								<i class="fa fa-fw ti-home"></i> 面板
							</a>
						</li>
						<li class="active">
							我的团队贡献率
						</li>
					</ol>
					<h1>
				        我的团队贡献率
				    </h1>

				</section>
				<section class="content">
					<!-- second table start -->
					<div class="row">
						<div class="col-lg-12">
							<div class="panel ">
								<!--
                	作者：864478199@qq.com
                	时间：2018-03-20
                	描述：slider贡献率展示形式
                -->
								<div class="panel-body condition-filter">
									<form id="form-validation" method="post" enctype="multipart/form-data" class="form-horizontal form-bordered form">
										<div class="fixed-table-toolbar filter-action sub">
											<div class="row">
												<div class="col-sm-4"><span class="form-error-message"><label style="display: none;">团队共贡献率(0)总和必须等于100!</label></span></div>
												<div class="col-sm-4"></div>
												<div class="col-sm-4">
													<div class="pull-right">
														<button type="button" class="layui-btn layui-btn-sm">
                         				 提交贡献率
                      			</button>
													</div>
												</div>
											</div>
										</div>
										<div class="team-gxl">
											<ul>
												<li>
													<div class="js-slider">
														<label>温锋</label>
														<div id="slider-range-max"></div>
														<input type="text" class="form-control gxl" id="amount" disabled="disabled" />
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>林晓晖</label>
														<div id="slider-range-max2"></div>
														<input type="text" class="form-control gxl" id="amount2" disabled="disabled" />
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王越</label>
														<div id="slider-range-max3"></div>
														<input type="text" class="form-control gxl" id="amount3" disabled="disabled" />
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王明灿</label>
														<div id="slider-range-max4"></div>
														<input type="text" class="form-control gxl" id="amount4" disabled="disabled" />
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王明灿</label>
														<div id="slider-range-max5"></div>
														<input type="text" class="form-control gxl" id="amount5" disabled="disabled" />
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>
												<li>
													<div class="js-slider">
														<label>王明灿</label>
														<div id="slider-range-max6"></div>
														<input type="text" class="form-control gxl" id="amount6" disabled="disabled" />
														<input type="text" class="form-control desc" placeholder="请输入描述" />
													</div>
												</li>

											</ul>

										</div>
										
										<div class="homework-divide">
											<div class="hdt">作业分配情况</div>
										<table class="layui-table z02-2-tab z02-4-tab" lay-skin="line">
        								<thead >
         								<tr>
         									<th>序号</th>
         									<th>名称</th>
         									<th>负责人</th>
         									<th>描述</th>
         									<th>开始时间</th>
         									<th>结束时间</th>
         									<th>创建时间</th>
         									<th>操作</th>
         								</tr>
                                        </thead>
                                        <tbody>
         								<tr>
         									<td>1</td>
         									<td >
         										交实验报告
         									</td>
         									<td >
         										温锋
         									</td>
         									<td >
         										<a href="#">实验报告.doc</a>
         									</td>
         									<td>
         										2018-01-30
         									</td>
         									<td>
         										2018-01-31
         									</td>
         									<td>2018-01-30 09:43:51</td>
         									<td>
         										<a href="#">编辑</a>
         										<label>|</label>
         										<a href="#">删除</a>
         									</td>
         								</tr>
         								<tr>
         									<td>2</td>
         									<td >
         										交实验报告
         									</td>
         									<td >
         										温锋
         									</td>
         									<td >
         										<a href="#">实验报告.doc</a>
         									</td>
         									<td>
         										2018-01-30
         									</td>
         									<td>
         										2018-01-31
         									</td>
         									<td>2018-01-30 09:43:51</td>
         									<td>
         										<a href="#">编辑</a>
         										<label>|</label>
         										<a href="#">删除</a>
         									</td>
         								</tr>
        								</tbody>
      								</table>
										</div>
										
										<div class="cho-file">
											<div class="title">
												文档提交
											</div>
											<button type="button" class="layui-btn layui-btn-primary layui-btn-sm" data-toggle="modal" data-target="#choiceModel">
                   				 选择方案
                			</button>
											<div class="file-list">
												<ul>
													<li><img src="img/file-icon.png" />作业1方案文档.doc<img src="img/del-icon.png" /></li>
													<li><img src="img/file-icon.png" />作业2方案文档.doc<img src="img/del-icon.png" /></li>
												</ul>
											</div>
										</div>
									</form>
								</div>
							</div>
							<!-- Modal -->
							<div class="modal fade team-gxl-modal" id="choiceModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
								<div class="modal-dialog modal-lg" role="document">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
											<h4 class="modal-title" id="myModalLabel">选择 作业1 解决方案</h4>
										</div>
										<div class="modal-body">
											<div class="layui-inline">
												<label class="layui-form-label label-left">课程名:</label>
												<div class="layui-input-inline  label-left-input">
													<input class="layui-input" type="text" />
												</div>
											</div>
											<div class="layui-inline search-btns">
												<button type="button" class="layui-btn layui-btn-sm" data-dismiss="modal">查询</button>
												<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">重置</button>
											</div>
											<div class="homework-list layui-form">
												<table class="layui-table" lay-skin="line">
													<colgroup>
														<col width="80">
														<col width="80">
														<col>
														<col width="100">
														<col width="130">
														<col width="130">
													</colgroup>
													<thead>
														<tr>
															<th><input type="checkbox" lay-skin="primary" title="" name="allSel" lay-filter="allChoose"></th>
															<th>序号</th>
															<th>名称</th>
															<th>负责人</th>
															<th>附件</th>
															<th>描述</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td><input type="checkbox" lay-skin="primary" title="" name="select" lay-filter="itemChoose"></td>
															<td>1</td>
															<td>交实验报告</td>
															<td>温锋</td>
															<td><a>方案文档.doc</a></td>
															<td>按时提交</td>
														</tr>
														<tr>
															<td><input type="checkbox" lay-skin="primary" title="" name="select" lay-filter="itemChoose"></td>
															<td>2</td>
															<td>交实验报告</td>
															<td>温锋</td>
															<td><a>方案文档.doc</a></td>
															<td>按时提交</td>
														</tr>
														<tr>
															<td><input type="checkbox" lay-skin="primary" title="" name="select" lay-filter="itemChoose"></td>
															<td>3</td>
															<td>交实验报告</td>
															<td>温锋</td>
															<td><a>方案文档.doc</a></td>
															<td>按时提交</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="layui-btn layui-btn-sm" data-dismiss="modal">提交</button>
											<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">取消</button>
										</div>
									</div>
								</div>
							</div>
							<!--
              	作者：864478199@qq.com
              	时间：2018-03-26
              	描述：底部
              -->
							<div class="login-footer2">
								<span>厦门理工学院 &copy; 2018</span>
							</div>
						</div>
					</div>
				</section>
			</aside>
		</div>
	</body>

	<!--
    	作者：864478199@qq.com
    	时间：2018-03-20
    	描述：jquery silder js代码
    -->

	<script>
		$(function() {
			
			$("#slider-range-max").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount").val(ui.value);
				}
			});
			$("#amount").val($("#slider-range-max").slider("value"));

			$("#slider-range-max2").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount2").val(ui.value);
				}
			});
			$("#amount2").val($("#slider-range-max2").slider("value"));

			$("#slider-range-max3").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount3").val(ui.value);
				}
			});
			$("#amount3").val($("#slider-range-max3").slider("value"));

			$("#slider-range-max4").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount4").val(ui.value);
				}
			});
			$("#amount4").val($("#slider-range-max4").slider("value"));

			$("#slider-range-max5").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount5").val(ui.value);
				}
			});
			$("#amount5").val($("#slider-range-max5").slider("value"));

			$("#slider-range-max6").slider({
				range: "max",
				min: 0,
				max: 100,
				value: 25,
				slide: function(event, ui) {
					$("#amount6").val(ui.value);
				}
			});
			$("#amount6").val($("#slider-range-max6").slider("value"));
		});
	</script>
	<script>
		layui.use('form', function() {
			var form = layui.form;
			form.on('checkbox(allChoose)',function(data){
				var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
				child.each(function(index, item){
					item.checked = data.elem.checked;
				});
				form.render('checkbox');
			})
			form.on('checkbox(itemChoose)',function(data){
		    var sib = $(data.elem).parents('table').find('tbody input[type="checkbox"]:checked').length;
		    var total = $(data.elem).parents('table').find('tbody input[type="checkbox"]').length;
		    if(sib == total){
	        $(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked",true);
	        form.render();
		    }else{
	        $(data.elem).parents('table').find('thead input[type="checkbox"]').prop("checked",false);
	        form.render();
		    }
			}); 
		});
	</script>

</html>